import * as React from 'react';
class Jxs extends React.Component{

    
     render() {
        return (
            <div className="c-react-home-wrap">
                <h2 onClick={()=>{
                    window.location.href='http://10.15.198.18:8090/pages/viewpage.action?pageId=3932983#id-%E3%80%90%E5%88%86%E4%BA%AB%E4%BC%9A1811%E3%80%9109-react%E8%84%9A%E6%89%8B%E6%9E%B6---create-reate-app-2%E3%80%81react%E7%9A%84%E8%99%9A%E6%8B%9Fdom%EF%BC%9F'
                }}>dom 成本</h2>
                <h4 className="title">操作DOM的成本很高，不要轻易去操作DOM</h4>
                <p>接触前端到现在，一直听到这句话。React、vue等MV*框架的出现，数据驱动视图的模式越发深入人心，jQuery时代提供的强大便利地操作DOM的API在前端工程里用的越来越少。刨根问底，这里说的成本，到底高在哪儿呢？</p>
                <ul>
                    <li>
                        <h4 className="list-title" style={{'color':"#4e86dd"}} id="h4" onClick={()=>{
                            window.location.href="https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651553940&idx=1&sn=114080b1cee1a7e72c7581934622ba1d&chksm=80255755b752de43f9b58e70423944f6096e8427c38fca6900e8da49eb8ca8a0131d0907eb09&mpshare=1&scene=23&srcid=0407DVhFw9k2xyJ1KsNSVv3j#rd"
                        }}>点击查看详情：DOM 操作成本到底高在哪儿？</h4>
                        
                    </li>
                </ul>
                
            </div>
        );
    }
}

export default Jxs;
